<template>
<!--
<div class="sidebar-nav">
    <el-menu default-active="1-4-1" class="el-menu-vertical-demo" :collapse="isCollapse">
      <router-link :to="{path:'/build/overview/'+this.$route.params.pId}">
          <el-menu-item index="indexPath">
            <i class="el-icon-menu"></i>
            <span slot="title">概览</span>
          </el-menu-item>
      </router-link>

      <router-link :to="{path:'/build/build/'+this.$route.params.pId}">
          <el-menu-item index="deployPath">
            <i class="el-icon-document"></i>
            <span slot="title">构建</span>
          </el-menu-item>
      </router-link>

      <router-link :to="{path:'/build/deploy/'+this.$route.params.pId}">
          <el-menu-item index="deployPath">
            <i class="el-icon-s-promotion"></i>
            <span slot="title">发布</span>
          </el-menu-item>
      </router-link>
      <router-link :to="{path:'/build/information/'+this.$route.params.pId}">
          <el-menu-item index="informationPath">
            <i class="el-icon-setting"></i>
            <span slot="title">配置</span>
          </el-menu-item>
      </router-link>
    </el-menu>
</div>
-->
<div>
</div>
</template>

<script>
  export default {
    data() {
      return {
        isCollapse: false
      };
    },
    methods: {
        indexPath(){
            return '/build/overview/' + this.$route.params.pId ;
        },
        informationPath(){
            return '/build/information/' + this.$route.params.pId ;
        },
        deployPath(){
            return '/build/deploy/' + this.$route.params.pId ;
        },
        handleOpen(key, keyPath) {
            console.log(key, keyPath);
        },
        handleClose(key, keyPath) {
            console.log(key, keyPath);
        }
    }
  }
</script>

<style scoped lang="scss">
  .el-menu-vertical-demo:not(.el-menu--collapse) {
      width: 200px;
      min-height: 400px;
  }

  .sidebar-nav {
      float: left;
      width: 200px;
      position: fixed;
      height: 100%;
      border-right: 1px solid #e6e6e6;
  }
  .el-menu-item{
      font-size: 12px;
  }
</style>

